﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="MainPage.aspx.cs" Inherits="MainPage" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <style type="text/css">
        .txtbox
        {
            border-top-left-radius: 20px;
            border-top-right-radius: 20px;
            border-bottom-left-radius: 20px;
            border-bottom-right-radius: 20px;
        }
        .newStyle1 {
            font-family: "Times New Roman", Times, serif;
        }
    </style>
    <meta charset="utf-8"/>
<link rel="stylesheet" href="css/reset.css" type="text/css" media="all"/>
<link rel="stylesheet" href="css/layout.css" type="text/css" media="all"/>
<link rel="stylesheet" href="css/style.css" type="text/css" media="all"/>
<script type="text/javascript" src="js/jquery-1.4.2.js" ></script>
<script type="text/javascript" src="js/cufon-yui.js"></script>
<script type="text/javascript" src="js/cufon-replace.js"></script>
<script type="text/javascript" src="js/Copse_400.font.js"></script>
<script type="text/javascript" src="js/jquery.nivo.slider.pack.js"></script>
<script type="text/javascript" src="js/imagepreloader.js"></script>
<script type="text/javascript">
    preloadImages(['images/menu1_active.gif', 'images/menu2_active.gif', 'images/menu3_active.gif', 'images/menu4_active.gif', 'images/marker_right_active.jpg', 'images/marker_left_active.jpg', 'images/menu5_active.gif']);
</script>  
</head>
<body  id="page1">
    <form id="form1" runat="server">
    <div>
    <div class="body1">
  <div class="body2">
    <div class="main">
      <header>
        <div class="wrapper">
		 <h1><a href="inde.html" class="nav4"></a></h1>
          <h1><a href="index.html" id="logo">Technical Support</a></h1>
		
         
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="auto-style3"><strong><em> &nbsp;&nbsp; </em></strong></span>&nbsp;<asp:TextBox ID="LOGUSERTextBox1" runat="server" ForeColor="#000099" cssclass="txtbox">    Username</asp:TextBox>
&nbsp;&nbsp;<asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="LOGUSERTextBox1" ErrorMessage="*" ForeColor="Red"></asp:RequiredFieldValidator>
            &nbsp;
            <asp:TextBox ID="LOGPASSTextBox2" runat="server" ForeColor="#000099" cssclass="txtbox" TextMode="Password"> Password</asp:TextBox>
&nbsp;&nbsp;<asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ControlToValidate="LOGPASSTextBox2" ErrorMessage="*" ForeColor="Red"></asp:RequiredFieldValidator>
&nbsp;<asp:Button ID="LOGButton1" runat="server" BackColor="Black" ForeColor="White" Height="19px" Text="Login" Width="75px" cssclass="txtbox" OnClick="LoginButton1_Click" />
		
         
            &nbsp;
            <asp:Label ID="LoginLabel1" runat="server" ForeColor="Red"></asp:Label>
		
         
            <br />
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <asp:CheckBox ID="CheckBox1" runat="server" ForeColor="#0066FF" OnCheckedChanged="CheckBox1_CheckedChanged" Text="Remember me" />
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <asp:HyperLink ID="ForgetPassHyperLink2" runat="server">Forget your password ?</asp:HyperLink>
		    
		<br />
         &nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
             <asp:HyperLink ID="SignUpHyperLink1" runat="server">Sign up now !</asp:HyperLink>
         
        </div>
         <nav id="menu">
          <ul>
            <li class="nav1" id="active"><a href="index.html">Home</a></li>
            <li><a>Questions</a></li>
            <li class="nav3"><a href="services.html">Services</a></li>
            <li class="nav4"><a href="products.html">About us</a></li>
            <li class="nav5"><a href="contact.html">Contact us</a></li>
          </ul>
        </nav>
      </header>
    </div>
  </div>
</div>

<div class="body3">
  <div class="body4">
    <div class="main">
      <div class="slogan">
        <div id="slider"> <img src="images/text1.jpg" alt=""/> <img src="images/text2.jpg" alt=""/> <img src="images/text3.jpg" alt=""/> </div>
      </div>
    </div>
  </div>
</div>
<div class="body5">
  <div class="body6">
    <div class="main">
      <div class="wrapper">
        <figure class="left"><img src="images/letter3.png" alt=""/></figure>
        <h2>Welcome to <span>Technical Support</span>!</h2>
          <span dir="ltr">This is an web application designed for you for solving alot of your Technical problems <br>throw Giving you the ability For asking , searching and chatting</span></div>
    </div>
  </div>
</div>
<div class="body7">
  <div class="main">
    <section id="content">
      <div class="wrapper">
        <article class="col1">
          <div class="box1">
            <div class="box1_bot">
              <div class="box1_top">
                <div class="pad">
                  <div class="pad1">
                    <h2 class="center">Ask</h2>
                    <p> Here you can ask about your Problem and find it's Technicaal Solution.</p>
                    <div class="wrapper center"> <a href="#" class="button"><span><span>More</span></span></a> </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </article>
        <article class="col1 pad_left1">
          <div class="box1">
            <div class="box1_bot">
              <div class="box1_top">
                <div class="pad">
                  <div class="pad1">
                    <h2 class="center">Search</h2>
                    <p>Here you can search for any thing you want to know about or for a specific Technical problem.</p>
                    <div class="wrapper center"> <a href="#" class="button"><span><span>More</span></span></a> </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </article>
        <article class="col1 pad_left1">
          <div class="box1">
            <div class="box1_bot">
              <div class="box1_top">
                <div class="pad">
                  <div class="pad1">
                    <h2 class="center">Chat</h2>
                    <p>Here you can chat with other users to share your knowledge in solving Technical problems .</p>
                    <div class="wrapper center"> <a href="#" class="button"><span><span>More</span></span></a> </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </article>
      </div>
      <div class="wrapper">
        <article class="col2">
          <div class="pad1">
            <h2>What is Technical support ?</h2>
            <p class="pad_bot1">Technical Support Or tech Support refers to a range of services by which enterprises provide assistance to users <br> In general, technical support services attempt to help the user solve specific problems rather than providing training, customization, or other support services .</p>
            <p class="pad_bot2"> The internet is also a good source for freely available tech support, where experienced users may provide advice and assistance with problems. In addition, some fee-based service.</p>
            <a href="#" class="button"><span><span>Read More</span></span></a> </div>
        </article>
        <article class="col1 pad_left1">
          <h2>Advantages</h2>
          <ul class="list2">
            <li><a href="#"><img src="images/icon3.jpg" alt=""/>Asking a Question</a></li>
            <li><a href="#"><img src="images/icon3.jpg" alt=""/>Searching for a keyword</a></li>
            <li><a href="#"><img src="images/icon3.jpg" alt=""/>Services</a></li>
            <li><a href="#"><img src="images/icon5.jpg" alt=""/>About us</a></li>
            <li class="bg_none"><a href="#"><img src="images/icon5.jpg" alt=""/>Contact US</a></li>
          </ul>
          <div class="box1">
            <div class="box1_bot">
              <div class="box1_top">
                <div class="pad">
                  
                 
                </div>
              </div>
            </div>
          </div>
        </article>
      </div>
    </section>
  </div>
</div>
<div class="body8">
  <div class="body9">
    <div class="main">
      <footer>
        <div class="col_1">
          <h3>Social Networks</h3>
          <ul class="list3">
            <li><a href="#">Twitter</a></li>
            <li><a href="#">Facebook</a></li>
            <li><a href="#">Flickr</a></li>
            <li><a href="#">Blogger</a></li>
          </ul>
        </div>
        <div class="col_2 pad_left1">
          <h3>Technical Support </h3>
          <div class="wrapper">
            <ul class="list3 col_1">
              <li><a href="#">Home</a></li>
              <li><a href="#">Services</a></li>
              <li><a href="#">About Us</a></li>
              <li><a href="#">Contact Us</a></li>
            </ul>
          
          </div>
        </div>
        <div class="col_3"> <a href="index.html" id="footer_logo">Technical Support</a>
          <p class="center">Copyright &copy; 2010 <a href="#">TS</a> - All Rights Reserved</p>
         
        </div>
      </footer>
    </div>
  </div>
</div>
<script type="text/javascript"> Cufon.now(); </script>
<script type="text/javascript">
    $(window).load(function () {
        $('#slider').nivoSlider({
            effect: 'sliceDown', //Specify sets like: 'fold,fade,sliceDown, sliceDownLeft, sliceUp, sliceUpLeft, sliceUpDown, sliceUpDownLeft'    
            slices: 20,
            animSpeed: 300,
            pauseTime: 9999999999,
            startSlide: 0, //Set starting Slide (0 index)
            directionNav: true, //Next & Prev
            directionNavHide: false, //Only show on hover
            controlNav: false, //1,2,3...
            controlNavThumbs: false, //Use thumbnails for Control Nav
            controlNavThumbsFromRel: false, //Use image rel for thumbs
            controlNavThumbsSearch: '.jpg', //Replace this with...
            controlNavThumbsReplace: '_thumb.jpg', //...this in thumb Image src
            keyboardNav: true, //Use left & right arrows
            pauseOnHover: true, //Stop animation while hovering
            manualAdvance: false, //Force manual transitions
            captionOpacity: 1, //Universal caption opacity
            beforeChange: function () { },
            afterChange: function () { },
            slideshowEnd: function () { } //Triggers after all slides have been shown
        });
    });
</script>

    </div>
    </form>
</body>
</html>
